<template>
  <div class="loginContainer">
    <div class="loginMain">
      <h1>算法对抗挑战赛</h1>
      <Form/>
    </div>
  </div>
</template>
<script>
import Form from './model/Form';
export default {
  name: 'Login1',
  components: {
    Form
  },
  data() {
    return {

    }
  }
}
</script>

<style lang="scss" scoped>
.loginContainer{
  width: 100%;
  height: 100%;
  background: url('./images/loginBg03.jpg') no-repeat center center;
  background-size: cover;
  position: relative;
  .loginMain{
    position: absolute;
    right: 10%;
    top: 15%;
    width: 490px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 20px;
    padding: 50px;
    box-sizing: border-box;
    h1{
      font-size: 30px;
      text-align: center;
      margin: 0 0 30px;
    }
  }
}
</style>
